/* pages/tools/allServices/allServices.wxss */

.flex-row {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.flex-col {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.navbar {
    position: fixed;
    background-color: #fff;
    z-index: 1;
    width: 100%;
}

.search {
    margin: 0 40rpx;
}

.back {
    width: 60rpx;
}

.left-img {
    width: 11px;
    height: 19px;
    z-index: 10;
}

.input-box {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0rpx 25rpx;
    background: #f5f5f5;
    border-radius: 32rpx;
    width: 366rpx;
    font-size: 27rpx;
}

.input-box image {
    width: 34rpx;
    height: 34rpx;
    float: right;
}

.scolls {
    width: 100%;
    border-bottom: 1px solid #e8e8e8;
    margin-top: 30rpx;
    z-index: 1;
}

.blockbox {
    white-space: nowrap;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
}

.chax {
    margin-right: 60rpx;
}

.seltext {
    font-size: 30rpx;
    font-family: PingFang SC, PingFang SC-Medium;
    font-weight: 500;
    color: #242424;
    margin-bottom: 15rpx;
}

.noseltext {
    font-size: 30rpx;
    font-family: PingFang SC, PingFang SC-Medium;
    font-weight: 500;
    color: #828282;
    margin-bottom: 22rpx;
}

.line {
    border-bottom: 12rpx solid #f60;
    width: 46rpx;
    border-radius: 40rpx;
}

.content {
    margin-right: 30rpx;
    margin-left: 30rpx;
    padding-top: 300rpx;
}

.chaxun-box {
    margin-bottom: 50rpx;
}

.chaxun-box:last-child {
    margin-bottom: 0;
}

.chaxname {
    font-size: 30rpx;
    font-family: PingFang SC, PingFang SC-Semibold;
    font-weight: bold;
    color: #242424;
}

.res-style {
    margin: 0 40rpx;
}

.cx-items {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    /* justify-content: center; */
    flex-wrap: wrap;
    /* margin-bottom: 50rpx; */
}

.items {
    margin-right: 63rpx;
    margin-top: 40rpx;
}

.items:nth-child(4n) {
    margin-right: 0;
}

.items image {
    width: 90rpx;
    height: 90rpx;
}

.items text {
    width: 60px;
    font-size: 24rpx;
    font-family: PingFang SC, PingFang SC-Medium;
    font-weight: 500;
    text-align: center;
    color: #545454;
    margin-top: 15rpx;
}

::-webkit-scrollbar {
    width: 0;
    height: 0;
    color: transparent;
}

.res-style {
    margin: 0 40rpx;
}

.cx-items {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    flex-wrap: wrap;
}

.cx-items .items {
    margin-right: 64rpx;
    margin-top: 40rpx;
}

.cx-items .items:nth-child(4n) {
    margin-right: 0;
}

.cx-items .items image {
    width: 90rpx;
    height: 90rpx;
}

.cx-items .items text {
    max-width: 120rpx;
    font-size: 24rpx;
    font-family: PingFang SC, PingFang SC-Medium;
    font-weight: 500;
    text-align: center;
    color: #545454;
    margin-top: 15rpx;
}

.null-box {
    text-align: center;
    margin-top: 400rpx;
}

.null-box image {
    width: 422rpx;
    height: 268rpx;
}

.texts {
    font-size: 28rpx;
    font-family: PingFang SC, PingFang SC-Medium;
    font-weight: 500;
    text-align: center;
    color: #a7a6a6;
    margin-top: 26rpx;
}

@media (min-width: 480px) {
    .cx-items .items {
        margin-right: 96rpx;
    }
}

@media (min-width: 768px) {
    .cx-items .items {
        margin-right: 110rpx;
    }
    .cx-items .items text {
        width: 72rpx;
        font-size: 20rpx;
    }
    .content {
        padding-top: 170rpx;
    }
}